/**
 * 总金额:留着和数据库连接时,实现满减
 */
// 全选
$(function () {
    let cartObj = JSON.parse(localStorage.getItem('cart'));
    console.log(cartObj);
    let arr = [];
    arr.push(cartObj)
    function create(obj) {
        let str = "";
        arr.forEach(el => {
            str += `<td><input type="checkbox"></td>`
            str += `<td><img style='width:180px' src="${el.index_img}" alt=""></td>`
            str += `<td>${el.pname}</td>`
            str += `<td>¥<span id="price">${el.pprice}</span></td>`
            str += `<td><button class="jian" style="width: 20px;">-</button>
            <input type="text" value="${el.num}" style="width: 40px;text-align: center;" id="number">
            <button class="jia" style="width: 20px;">+</button></td>`
            str += `<td>¥<span class="samllToal">${el.pprice * el.num}</span></td>`
            str += `<td><span class="del68">删除</span><br /><span>移入 收藏</span></td>`
        });
        return str;
    }
    $('.tbody_line3').append(create(arr))
    // 上面的all
    $("#all").on('click', function () {
        $('tbody input:checkbox').prop('checked', $(this).prop('checked'))
        // 让上下全选按钮互斥
        if ($(this).prop('checked')) {
            $("#all2").prop('checked', false)
        }
    })
    // 下面的all
    $("#all2").on('click', function () {
        $('.tab1>tbody input:checkbox').prop('checked', $(this).prop('checked'))
        // 让上下全选按钮互斥
        if ($(this).prop('checked')) {
            $("#all").prop('checked', false)
        }
    })
    // 加减按钮
    let num = parseInt($('#number').val())
    $('.jian').on('click', function () {
        num--
        if (num <= 1) {
            num = 1;
        }
        let userList = JSON.parse(localStorage.getItem('cart'));
        userList.num = num;
        localStorage.setItem('cart', JSON.stringify(userList))

        $('#number').val(num)

        // samllToal
        let res = parseInt($('#price').text()) * parseInt($('#number').val())
        $('.samllToal').html(res)

        // 选中所有金额
        totalAll()
    })
    $('.jia').on('click', function () {
        ++num
        $('#number').val(num)
        let userList = JSON.parse(localStorage.getItem('cart'));
        userList.num = num;
        localStorage.setItem('cart', JSON.stringify(userList))
        // samllToal
        let res = parseInt($('#price').text()) * parseInt($('#number').val())
        $('.samllToal').html(res)
        // 选中所有金额
        totalAll()
    })
    // 选中所有金额
    function totalAll() {
        let str = 0;
        $('.tab1>tbody').find('.samllToal').each(function (index, el) {
            str += parseInt($(el).text());
        })
        $('#heji').html(str)
    }
    totalAll()

    // 委托事件删除
    $('.tab1').on('click', '.del68', function () {
        $(this).parents('tr').remove()
    })
})